*{
	margin:0;
	padding:0;
	box-sizing: border-box;
}

li{
	list-style:none;
}
html{
	width:100%;
	min-height:100%;
	
}
body{
 /*background:url(../img/bg.png) no-repeat;
	background-size:100% 100%;*/
	position: relative;
	background: #dd2d2f;
}
.bg{
	width:100%;
	position: relative;
	z-index: -1;
}
.tmTitle{
	width: 100%;
	height: 1.89rem;
	margin:.3rem 0;
	margin-bottom:0;
	background: url(../img/tmTitle.png) no-repeat;
	background-size: 7.5rem 1.89rem;
	position: relative;
	overflow: hidden;
	
}
.tmTitle span{
	position: absolute;
	display: inline-block;
	width:1px;
	height: 1px;
	overflow: hidden;
	left:-21px;
}

.inputSelect{
	background: url(../img/inputSelect.png) no-repeat;
	width:100%;
	height: 1.05rem;
	background-size: 7.5rem 1.05rem;
	position: relative;
	overflow: hidden;
}

.inputSelect span{
	position: absolute;
	display: inline-block;
	width:1px;
	height: 1px;
	overflow: hidden;
	left:-21px;
}

.shuffling-box{
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	position: absolute;
	top:3.5rem;
}

.shuffling{
	width:6.95rem;
	height: .5rem;
	background: rgba(245,190,165,.98);
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	
}
.shuffling span{
	display: inline-block;
	width:1rem;
	height: .5rem;
	background: url(../img/real.png) no-repeat;
	background-size: .37rem .32rem;
	background-position: center center;
	position: absolute;
	background-color:rgba(245,190,165,1);
	top:.0;
	left:0;
	z-index: 2;
}
.swiper-container{
	width:5.95rem;
	height: .5rem;
	position: absolute!important;
	left:1rem;
	top:0;
	
}
.swiper-slide{
	font-size:.22rem ;
	line-height: .5rem;
	letter-spacing: 1px;
	color:#515151;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
	padding-right:.2rem;
}
.swiper-slide img{
	width:.3rem;
	border-radius: 100%;
	
}
.swiper-slide i{
	color:red;
	display: inline-block;
	font-style: normal;
	font-weight: bold;
}
.flex-swiper b{
	font-weight: bold;
}
.flex-swiper{
	width:100%;
	height: 100%;
	display: flex;
	justify-content:flex-start;
	align-items: center;
	
}
.flex-swiper img{
	margin-right: .1rem;
}
.textarea-box{
	height: 3.25rem;
	width:7.5rem;
	position: absolute;
	top:4.2rem;
	left:0;
}
.text-select{
	position: absolute;
	height: 2rem;
	width:6.5rem;
	left:.5rem;
	top:1rem;
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}
.text-select input{
	display: inline-block;
	font-size: .42rem;
	margin-top:.38rem;
	border:none;
	outline: none;
	text-align: center;
	font-weight: bold;
}

.buttons{
	display: inline-block;
	width:6rem;
	height: 1.35rem;
	background: url(../img/buttons.png) no-repeat;
	background-size:6rem 1.35rem;
	margin-top:.2rem;
	animation:scall 2s infinite;
	
}
.bottom-bg{
	width:6.91rem;
	height: 5.68rem;
	background: url(../img/lj.jpg) no-repeat;
	background-size: 6.91rem 5.68rem;
	margin:.2rem auto;
}
.alert-models{
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left:0;
	z-index: 999;
	display: none;
}
.alert-bg{
	background: rgba(0,0,0,.5);
	width:100%;
	height: 100vh;
	position: absolute;
	top:0;
	left:0;
	z-index: 2;
}
.alert-content{
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height: 100%;
	position: relative;
	z-index: 3;
}
.alert-imgbox{
	background: #fff;
	width:90%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.alert-image{
	width:100%;
}
.alert-text{
	font-size: .4rem;
	color:#ED385A;
	margin:.2rem 0;
}
.alert-button{
	display: inline-block;
	width:4.5rem;
	color:#fff;
	text-decoration: none;
	font-size: .4rem;
	background: #ED385A;
	padding:.2rem .25rem;
	text-align: center;
	border-radius: 25px;
	margin:.1rem 0 .3rem 0;
}

.buttonText{
	position: absolute;
	bottom:.25rem;
	left:.6rem;
	z-index: -1;
	font-size: .2rem;
	width:5.3rem;
	font-size: .4rem;
	text-align: center;
	color:#fff;
	letter-spacing: 2px;
	
}

@-webkit-keyframes  scall{
	0%{
		transform: scale(.9);
	}
	100%{
		transform: scale(1.02);
	}
	
}

@keyframes  scall{
	0%{
		transform: scale(.9);
	}
	100%{
		transform: scale(1.02);
	}
	
}